<template>
  <div class="gl_contentBox">
    <el-tabs v-model="activeTab" class="gl_tabs" type="card">
      <el-tab-pane v-for="(item,index) in tabList" :key="index" :label="item.label" :name="item.name">
        <component :is="item.component" v-if="activeTab === item.name" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import warehouse from './components/warehouse';
import inwarehouse from './components/inwarehouse';
import outwarehouse from './components/outwarehouse';
export default {
  data() {
    return {
      activeTab: 'warehouse',
      tabList: [
        {
          label: '物资仓库',
          name: 'warehouse',
          productStatus: 'warehouse',
          component: warehouse
        },
        {
          label: '入库',
          name: 'inwarehouse',
          productStatus: 'inwarehouse',
          component: inwarehouse
        },
        {
          label: '出库',
          name: 'outwarehouse',
          productStatus: 'outwarehouse',
          component: outwarehouse
        }
      ]
    };
  }

};
</script>

<style>

</style>
